<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LayaBox首页</title>
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-2">
                        <div class="nav-logo">
                            <img src="./img/Layabox-index-assets/logo.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        <ul class="navBox">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./family.html">Laya家族</a></li>
                            <li><a href="./game.html">游戏</a></li>
                            <li><a href="">新闻动态</a></li>
                            <li><a href="">开发者中心</a></li>
                            <li><a href="">开发者社区</a></li>
                            <li><a href="">开放平台</a></li>
                            <li><a href="">关于我们</a></li>
                        </ul>

                        <!-- 移动端的顶部栏 -->
                        <div class="menu">
                            <div class="mobile-logo">
                                <img src="./img/Layabox-index-assets/logo.png" alt="">
                            </div>
                            <div class="mobile-icon">
                                <img src="./img/Layabox-index-assets/菜单.png" alt="">
                            </div>
                            <ul class="mobile-nav">
                                <li><a href="./index.html">首页</a></li>
                                <li><a href="./family.html">Laya家族</a></li>
                                <li><a href="./game.html">游戏</a></li>
                                <li><a href="">新闻动态</a></li>
                                <li><a href="">开发者中心</a></li>
                                <li><a href="">开发者社区</a></li>
                                <li><a href="">开放平台</a></li>
                                <li><a href="">关于我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-1 col-sm-1">
                        <div class="languageBox">
                            <span>Language </span>
                            <div class="dropdown">
                                <p>Chinese</p>
                                <p>English</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- 主体 -->
        <main>
            <!-- 轮播图 -->
            <section id="myCarousel" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img class="first-slide" src="./img/Layabox-index-assets/banner.png" alt="First slide">
                    </div>
                    <div class="item">
                        <img class="second-slide" src="./img/Layabox-index-assets/banner.png" alt="Second slide">
                    </div>
                    <div class="item">
                        <img class="third-slide" src="./img/Layabox-index-assets/banner.png" alt="Third slide">
                    </div>
                </div>
            </section>
            <!-- LayaFlash 引擎 -->
            <section class="engine">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="engine-desc">
                                <h2>LayaFlash 引擎</h2>
                                <h5>让Flash技术变成开发HTML5产品的利器</h5>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="engine-item">
                                    <div class="icon">
                                        <img src="./img/Layabox-index-assets/flash1.png" alt="">
                                    </div>
                                    <div class="content">
                                        <p>快速Flash产品转换</p>
                                        <span>Flash页游\手游仅需1个人7天即可转换为HTML5APP游戏</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="engine-item">
                                    <div class="icon">
                                        <img src="./img/Layabox-index-assets/flash2.png" alt="">
                                    </div>
                                    <div class="content">
                                        <p>LayaFlash IDE</p>
                                        <span>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="engine-item">
                                    <div class="icon">
                                        <img src="./img/Layabox-index-assets/flash3.png" alt="">
                                    </div>
                                    <div class="content">
                                        <p>HTML5零学习成本</p>
                                        <span>AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6">
                                <div class="engine-item">
                                    <div class="icon">
                                        <img src="./img/Layabox-index-assets/flash4.png" alt="">
                                    </div>
                                    <div class="content">
                                        <p>性能媲美APP</p>
                                        <span>LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="engine-img">
                                <img src="./img/Layabox-index-assets/layaflash.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Layabox 优势 -->
            <section class="advantage">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5">
                            <div class="advantage-img">
                                <img src="./img/Layabox-index-assets/laya-Advantage.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <h2>Layabox 优势</h2>
                            <div class="advantage-desc">
                                <div class="advantage-content">
                                    <img src="./img/Layabox-index-assets/Advantage1.png" alt="">
                                    <span>快速上手，Flash程序员3小时掌握HTML5开发</span>
                                </div>
                                <div class="advantage-content">
                                    <img src="./img/Layabox-index-assets/Advantage2.png" alt="">
                                    <span>4年优化打磨，LayaPlayer运行器性能媲美APP</span>
                                </div>
                                <div class="advantage-content">
                                    <img src="./img/Layabox-index-assets/Advantage3.png" alt="">
                                    <span>超5亿的LayaPlayer移动设备安装量帮助CP发行</span>
                                </div>
                                <div class="advantage-content">
                                    <img src="./img/Layabox-index-assets/Advantage4.png" alt="">
                                    <span>使用LayaFlash开发大型HTML5游戏的企业超100家</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Layabox产品家族 -->
            <section class="family">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12">
                            <h2>Layabox产品家族</h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 col-sm-6">
                            <div class="family-item">
                                <div class="family-icon">
                                    <img src="./img/Layabox-index-assets/family1.jpg" alt="">
                                </div>
                                <div class="family-content">
                                    <h4>LayaAir</h4>
                                    <p>
                                        核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="family-item">
                                <div class="family-icon">
                                    <img src="./img/Layabox-index-assets/faminly2.png" alt="">
                                </div>
                                <div class="family-content">
                                    <h4>LayaPublish</h4>
                                    <p>
                                        Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="family-item">
                                <div class="family-icon">
                                    <img src="./img/Layabox-index-assets/faminly3.png" alt="">
                                </div>
                                <div class="family-content">
                                    <h4>LayaFlash</h4>
                                    <p>
                                        使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调速将Flash页游\手游转换成H5游戏。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="family-item">
                                <div class="family-icon">
                                    <img src="./img/Layabox-index-assets/faminly3.png" alt="">
                                </div>
                                <div class="family-content">
                                    <h4>LayaStore</h4>
                                    <p>
                                        嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="family-item">
                                <div class="family-icon">
                                    <img src="./img/Layabox-index-assets/faminly5.png" alt="">
                                </div>
                                <div class="family-content">
                                    <h4>LayaPlayer</h4>
                                    <p>
                                        HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="family-item">
                                <div class="family-icon">
                                    <img src="./img/Layabox-index-assets/faminly6.png" alt="">
                                </div>
                                <div class="family-content">
                                    <h4>LayaOpen</h4>
                                    <p>
                                        Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 采用Layabox引擎的精彩游戏 -->
            <section class="game">
                <div class="container">
                    <div class="row">
                        <div class="title">采用Layabox引擎的精彩游戏</div>
                        <div class="more">更多</div>
                    </div>
                    <div class="row">
                        <div class="col-md-5">
                            <div class="video">
                                <img src="./img/Layabox-index-assets/laya-game.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-7">
                            <div class="row">
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game1.png" alt="">
                                        <p>猎刃2</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game3.png" alt="">
                                        <p>上吧主公</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game3.png" alt="">
                                        <p>醉西游</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game4.png" alt="">
                                        <p>魔卡幻想</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game5.png" alt="">
                                        <p>超能战队</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game6.png" alt="">
                                        <p>刀塔大菠萝</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game7.png" alt="">
                                        <p>轰三国</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game8.png" alt="">
                                        <p>迷你猎人</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game9.png" alt="">
                                        <p>萌挂三国</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game10.png" alt="">
                                        <p>夺塔三国</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game11.png" alt="">
                                        <p>英雄争霸</p>
                                    </div>
                                </div>
                                <div class="col-md-2 col-sm-3 col-xs-6">
                                    <div class="game-item">
                                        <img src="./img/Layabox-index-assets/laya-game12.png" alt="">
                                        <p>战争之门</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 合作伙伴 -->
            <section class="partner">
                <div class="container">
                    <div class="row">
                        <div class="partner-title">
                            <span>合作伙伴</span>
                            <span>(排序不分先后)</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner1.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner2.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner3.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner4.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner5.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner6.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner7.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner8.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner9.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner10.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner11.png" alt="">
                            </div>
                        </div>
                        <div class="col-md-2 col-sm-4 col-xs-6">
                            <div class="partner-icon">
                                <img src="./img/Layabox-index-assets/partner12.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <!-- 底部 -->
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-sm-8">
                        <div class="copyright">
                            <p>
                                <a href="">公司简介</a>
                                <a href="">联系方式</a>
                                <a href="">人才招聘</a>
                            </p>
                            <p>
                                All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <div class="contact">
                            <div class="icon">
                                <img src="./img/Layabox-index-assets/email.png" alt="">
                            </div>
                            <div class="icon">
                                <img src="./img/Layabox-index-assets/wechat.png" alt="">
                                <div class="wechat-code">
                                    <img src="./img/Layabox-index-assets/code.png" alt="">
                                </div>
                            </div>
                            <div class="icon">
                                <img src="./img/Layabox-index-assets/QQ.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <script src="./js/jq.js"></script>\
    <script src="./js/bootstrap.js"></script>
</body>

</html>